#{extends 'main.html'/}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<script src="@{'/public/javascripts/jquery.tagcloud.js'}"
	type="text/javascript" charset="${_response_encoding}"></script>

</head>
<body>

	#{list items: topics, as:'topicCounter'}


	<div id="whatever">
		<a href="/Topics/topicView?topicId=${topicCounter.id}"
			rel="${topicCounter.topicCount}">${topicCounter.topicName.raw()}</a>
	</div>

	<script type="text/javascript">
		$.fn.tagcloud.defaults = {
			size : {
				start : 14,
				end : 18,
				unit : 'pt'
			},
			color : {
				start : '#cde',
				end : '#f52'
			}
		};

		$(function() {
			$('#whatever a').tagcloud();
		});
	</script>
	#{/list}


</body>
</html>